/* Chat 页面主题样式 - 与主系统 #268ae4 主题色搭配 */

/* 优化发送按钮等主要操作按钮的颜色 */
.chat-page button[type="submit"]:not(:disabled),
.chat-page button.primary-action:not(:disabled) {
  background-color: #268ae4;
  color: white;
}

.chat-page button[type="submit"]:not(:disabled):hover,
.chat-page button.primary-action:not(:disabled):hover {
  background-color: #1f7cd6;
}

/* 优化输入框焦点时的边框颜色 */
.chat-page textarea:focus,
.chat-page input:focus {
  outline: 2px solid #268ae4;
  outline-offset: 0px;
}

/* 优化链接颜色 */
.chat-page a {
  color: #268ae4;
}

.chat-page a:hover {
  color: #1f7cd6;
}

/* 优化选中状态 */
.chat-page *::selection {
  background-color: rgba(38, 138, 228, 0.2);
}

/* 优化滚动条样式（WebKit 浏览器） */
.chat-page ::-webkit-scrollbar-thumb {
  background-color: rgba(38, 138, 228, 0.3);
}

.chat-page ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(38, 138, 228, 0.5);
}

/* 优化激活/选中的标签页等元素 */
.chat-page [data-state="active"],
.chat-page [aria-selected="true"] {
  border-color: #268ae4;
  color: #268ae4;
}

/* 优化 Switch 组件的激活颜色 */
.chat-page [data-state="checked"] {
  background-color: #268ae4 !important;
}

